Sizing
Description
The sizing group can be found either in Toolbar (e.g. Sizing Picker) or Detail Panel. It groups any sizing related property.
In the sizing group properties define the size of the yComponent. You can either set hard values for size, or alternatively rely on the Flexbox system, where you will only have to set the min- and max-sizes.
Dimension Properties
minWidth
The minimum value for the width of the component. This can be set in:
This property can be used in combination with the display set to "flex", since then the width will grow according to the Flexbox system, while not being able to go lower than the specified min-width.
minHeight
The minimum value for the height of the component. This can be set in:
This property can be used in combination with the display set to "flex", since then the height will grow according to the Flexbox system, while not being able to go lower than the specified min-height.
width
The value for the width of the component. This can be set in:
px pt em vw vh % auto
In combination with the display set to "flex", this property's unit should be set to "auto". Otherwise the width will not be adjusted dynamically according to the Flexbox system.
height
The value for the height of the component. This can be set in:
px pt em vw vh % auto
In combination with the display set to "flex", this property's unit should be set to "auto". Otherwise the height will not be adjusted dynamically according to the Flexbox system.
maxWidth
The maximum value for the width of the component. This can be set in:
px pt em vw vh % none
This property can be used in combination with the display set to "flex", since then the width will grow according to the Flexbox system, while not being able to go higher than the specified max-width.
maxHeight
The maximum value for the height of the component. This can be set in:
px pt em vw vh % none
This property can be used in combination with the display set to "flex", since then the height will grow according to the Flexbox system, while not being able to go higher than the specified max-height.
Occurences
Toolbar
In the Toolbar the sizing can be adjusted. Here you can change sizing related options.
Detail Panel
Here the sizing can also be adjusted. It doesn't differ from the similar picker inside the Toolbar.
